// body {
//   overflow-x: hidden;
// }

header {
  width: 100%;
  height: 100px;
  margin-top: 30px;
  box-sizing: border-box;

  .logo {
    width: 86px;
    height: 78px;
    margin-left: 38px;
    vertical-align: top;

    img {
      width: 100%;
      height: 100%;
    }
  }

  nav {
    display: inline-block;
    margin-left: 630px;
    vertical-align: top;
    height: 78px;

    ul {
      font-size: 0;
      padding-top: 15px;

      >a {
        li {
          display: inline-block;
          text-align: center;

          li:nth-child(2)::before {
            position: absolute;
            top: -34px;
            left: 34px;
            content: '';
            display: block;
            height: 73px;
            width: 1px;
            background-color: #d7d7d7;
            transform: rotate(36deg);
          }

          li:nth-child(2)::after {
            position: absolute;
            top: -4px;
            left: 105px;
            content: '';
            display: block;
            height: 73px;
            width: 1px;
            background-color: #d7d7d7;
            transform: rotate(36deg);
          }
        }

        li:nth-child(2) {
          position: relative;
        }
      }
    }
  }

  .weibo {
    margin-left: 30px;
    margin-top: 20px;
    display: inline-block;
    vertical-align: middle;
    background-color: #12b4a6;
    border-radius: 10px;

    >i {
      vertical-align: middle;
      font-size: 30px;
      color: #ffffff;
    }
  }
}

footer {
  position: relative;
  height: 173px;
  // background-color: red;
  background-image: url('../images/gr-bg.png');

  .blue {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 12px;
    color: #ffffff;
    background-color: #08cacc;
  }

  .ta {
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .tang {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}